<template>
  <div class="roler">
    <pageSearch :searchFormConfig="searchFormConfig" @queryBtnClick="queryBtnClick" />
    <pageContent
      :contentTableConfig="contentTableConfig"
      pageName="role"
      :formSearchData="formSearchData"
    />
  </div>
</template>

<script lang="ts">
import { defineComponent, ref } from 'vue'

import { searchFormConfig } from './config/search.config'
import { contentTableConfig } from './config/content.config'

import pageSearch from '@/components/page-search'
import pageContent from '@/components/page-content'

export default defineComponent({
  name: 'role',
  components: { pageSearch, pageContent },
  setup() {
    const formSearchData = ref({})
    const queryBtnClick = (formSearch: any) => {
      console.log(formSearch)
      formSearchData.value = formSearch
    }
    return {
      searchFormConfig,
      contentTableConfig,
      formSearchData,
      queryBtnClick
    }
  }
})
</script>

<style scoped></style>
